<template>
	<view class="help">
    <bar-title bgColor='bg-white' :isBack="false">
      <block slot="content">{{ barTitle }}</block>
      <block slot="right">
        <text class="cuIcon-forward"/>
        <text class="cuIcon-more"/>
      </block>
    </bar-title>
		<view class="help-content">
			<u-parse :html="help.content" v-if="help.content"></u-parse>
		</view>
	</view>
</template>

<script>
	import barTitle from "../../components/common/bar-title";
  import {getPhone} from "../../common/http";

  export default {
    components: {
      barTitle
    },
		data() {
			return {
        barTitle: '',
        type:2,
        help:{}
			};
		},
		onLoad(option) {
      this.barTitle = option.barTitle
      this.type = option.type
			this.init()
		},
		methods:{
			//
			init(){
        getPhone({
          type: this.type
        }).then(res => {
          this.help = res.data.data
        })
			}
			
		}
		
	}
</script>

<style lang="scss">
	page{
		background-color: #fff;
		.help-content{
			border-top: 1px solid #fff;
		}
	}
</style>
